<div id="content">

<!-- LEFT START -->
<div id="left">
<h1>Product Categories</h1>
<ul>
<?php foreach($arrCategories as $category) : ?>
<li><a href="?page=products&sub=explore&category=<?= $category['categoryName']?>">
  <?= $category['categoryName']; ?>
</a></li>
<?php endforeach; ?>
</ul>
<div id="featured"><!-- FEATURED START -->
<h1>Featured Products</h1>
<img src="images/feature-item.png" /><br />
<a href="#" class="name">Name of the product</a><br />
<a href="#" class="price">$56.45</a>
</div><!-- FEATURED END -->

</div>
<!-- LEFT END -->

<!-- RIGHT START -->
<div id="right">
<div id="items" style="margin-top:0">
<h1>Content -&gt; <?= $contentName; ?>  </h1>


<ul id="item">
<p><?= $contentFor; ?>
</p>


<!-- Just to increase height automatically --><div id="height_increaser"></div>
</ul>
</div>


</div>
<!-- RIGHT END -->

<!-- Just to increase height automatically --><div id="height_increaser"></div>
</div>